<template>
  <div class="container">
    <div class="header box">
      <div class="title">
        <router-link class="login" to="/login" title="去登录">登录解锁更多功能</router-link>
      </div>
    </div>
    <div class="way box">
      <h4>QQ交流群(扫码加入)</h4>
      <img src="@/assets/qq.jpg" />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.container {
  .box {
    height: auto;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    h4 {
      margin: 0 5px;
      font-size: 16px;
      color: #008c8c;
    }
  }
  .header {
    .title {
      padding: 10px 0;
      text-align: center;
      .login {
        margin: 0 5px;
        font-size: 16px;
        color: #008c8c;
      }
    }
  }
  .way {
    text-align: center;
    img{
     margin: 10px 10px;
      width: 180px;
      height: 180px;
    }
  }
}
</style>